/*input[type=text], input[type=search] {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}

.options_top {
	padding: 8px 8px 0;
}

.options_top_btns {
	padding-left: 15px;
	cursor: pointer;
}
.options_top_btns .option {
	margin-right: 20px;
}

.options_top_search {
	text-align: right;
}
.options_top_search input {
	width: 180px;
	height: 26px;
	line-height: 24px;
}*/

body {
    background: #fff;
}

.bg-green {
    background: green;
}

.bg-yellow {
    background: yellow;
}

.bg-blue {
    background: blue;
}


/* toolbar_container */

#toolbar_container {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 10;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    margin-bottom: 3px;
    box-shadow: 0 1px 1px 1px #bbb;
    background: linear-gradient(to bottom, #fff, #ddd);
}

#toolbar_container+div {
    margin-top: 40px;
}

#toolbar_container .tb_item {
    float: left;
}

#toolbar_container .tb_item button {
    padding: 0 10px;
    border: none;
    color: #000;
    background: linear-gradient(to bottom, #fff, #ddd);
}

#toolbar_container .tb_item button:hover {
    background: linear-gradient(to bottom, #0784c4, #0784c4);
    color: #fff;
}

.table-container {
    width: auto;
    margin: 15px;
    position: relative;
}

table {
    table-layout: fixed;
}

table thead th {
    background: #f8f8f8;
}

table a {
    color: blue;
}


/* 列表宽度 */

th,
td {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    line-height: 27px !important;
    /*高度14px+6+6*/
    height: 27px;
    font-size: 14px;
    padding: 2px 10px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/*width计算方法：*/


/*字数*16+左右内边距（各10）*/


/*用在列表的选择栏*/

th.two,
td.two {
    width: 50px;
}

th.three,
td.three {
    width: 64px;
}

th.five,
td.five {
    width: 92px;
}

th.six,
td.six {
    width: 106px;
}

th.ten,
td.ten {
    width: 162px;
}

th.twelve {
    width: 212px;
}

td a {
    color: #457cda;
}

td select {
    width: 80%;
}

tbody td,
tbody th {
    text-align: left !important;
}

table #example {
    width: auto;
}


/* 表格旁边二级目录 */

.sumary-rate,
.grade {
    width: 150px;
    margin: 30px 0 50px;
    position: absolute;
}

.sumary-rate {
    right: 0px;
    top: 0px;
    margin-top: 0;
}

.grade+.box-body {
    margin-left: 160px;
    width: auto;
    position: relative;
}

.grade+.box-body #example_wrapper .row:nth-of-type(3) .col-sm-5 {
    display: none;
}

.grade ul li {
    margin-bottom: 5px;
}

.grade .first_nav {
    display: inline-block;
    overflow: hidden;
    font-weight: normal;
    margin-bottom: 0;
    line-height: 1;
    cursor: pointer;
}

.grade .first_nav span {
    float: left;
}

.grade .first_nav.active+.second_nav {
    display: block;
}

.grade .first_nav.active .triangle {
    margin-top: 5px;
    float: left;
    display: inline-block;
    border-width: 5px;
    border-color: #333 transparent transparent transparent;
    /*transparent 透明*/
    border-style: solid dashed dashed dashed;
    width: 0;
    height: 0;
    overflow: hidden;
}

.grade .second_nav {
    margin-left: 32px;
    display: none;
}

.grade .second_nav ul li {
    cursor: pointer;
}

.grade .second_nav ul li.active {
    background: #CCEBF8
}

.sub-navs-cont,
.third-navs-cont {
    padding-left: 20px;
    display: none;
}

.sub-navs-title,
.third-navs-title {
    cursor: pointer;
}

.sub-navs-title::before,
.third-navs-title::before {
    display: inline-block;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top: 4px solid #333;
    content: '';
    position: relative;
    margin-right: 5px;
}

.sub-navs-title.active::before,
.third-navs-title.active::before {
    border: 4px solid transparent;
    border-bottom: 4px solid #333;
    top: -2px;
}

.third::before {
    border: none!important;
    margin-right: 0!important;
}

.sub-navs-title.active+.sub-navs-cont,
.third-navs-title.active+.third-navs-cont {
    display: block;
}

.sub-navs-cont .sub-nav,
.third-navs-cont .third-nav {
    line-height: 20px;
    margin: 6px 0;
    cursor: pointer;
}

.sub-nav a,
.third-nav a {
    padding: 0 5px;
}


/*.sub-navs-cont .nav.active a,*/

.third-nav.active a {
    background: #99CCFF;
    padding: 0 5px;
}

.map-format {
    height: auto;
}

.map-title ul {
    width: 100%;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    background: #F8F8F8;
    margin-bottom: 0;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.map-title ul li {
    float: left;
    border-right: 1px solid #ddd;
    /*width: 13%;*/
    padding: 0 10px;
    box-sizing: border-box;
}

.map-format .map-sumary {
    /*width: 9%;*/
    width: 100px;
    padding: 0 10px;
    float: left;
    height: 100%;
}

.map-cont .bunk-codes {
    /*width: 91%;*/
    width: 644px;
    overflow: hidden;
    cursor: pointer;
}

.map-cont .bunk-codes div {
    cursor: pointer;
}

.map-cont {
    width: 100%;
    border: 1px solid #ddd;
    border-bottom: none;
}

.map-row {
    overflow: hidden;
    height: 100%;
    border-bottom: 1px solid #ddd;
}

.map-row .map-sumary {
    padding: 4px 10px;
}

.map-row .code {
    /*width: 14.285%;*/
    float: left;
    padding: 0 10px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    line-height: 20px;
    padding: 0px 10px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.map-row .code:nth-of-type(7n + 1) {
    border-left: 1px solid #ddd;
}


/*.map-row .code:nth-of-type(7n) {
    border-right: 0;
}*/

.rate-ul li {
    line-height: 28px;
}

.rate-ul li span {
    display: inline-block;
    margin: 0 10px;
    width: 20px;
    height: 10px;
}

.col-1 {
    width: 36px;
}

.col-2 {
    width: 50px;
}

.col-3 {
    width: 64px;
}

.col-4 {
    width: 78px;
}

.col-5 {
    width: 92px;
}

.col-6 {
    width: 106px;
}

.col-7 {
    width: 120px;
}

.col-8 {
    width: 134px;
}

.col-9 {
    width: 148px;
}

.col-10 {
    width: 162px;
}

label.contain-child input+span:after {
    content: '';
    margin-left: 4px;
    display: inline-block;
    border: 6px solid transparent;
    border-left-color: #333;
}

.contain-child input:checked+span:after {
    border: 6px solid transparent;
    border-top-color: #333;
    position: relative;
    top: 4px;
}

.format-import .checkbox:nth-of-type(1) label {
    margin-left: 0px;
    display: block;
}

.format-import .checkbox label {
    margin-left: 20px;
    display: none;
}